
.home{
        width: 100%;
        height: 100%;
        overflow-y: scroll;
}
.search{
    width: 100%;
    height: .9rem;
    text-align: center;
    input{
        width: 90%;
        border: none;
        height: .9rem;
    }
}
.nav{
    width: 100%;
    height: .6rem;
    display: flex;
    overflow-x: scroll;
    flex-wrap: nowrap;
    margin-bottom: .2rem;
    &>div{
        flex-shrink: 0;
        margin-right: .3rem;
        text-align: center;
        padding: .1rem;
    }
}
.banner{
    img{
        width: 100%;
    }
    margin-bottom: .2rem;
}
.page{

    display: flex;
    flex-wrap:wrap;
    dl{
        width: 24%;
        text-align: center;
        margin-bottom: .4rem;
    }
    img{
        width: 1rem;
    }
}
.newset{
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    text-align: center;
    &>div{
        margin-bottom: .4rem;
        width: 40%;
        height: 3rem;
        font-size: .16rem;
    }
    img{
        width: 2.5rem;
        height: 2.5rem;
    }
}
.peple{
    display: flex;
    justify-content: space-around;
}
.nav .active{
   border-bottom:1px solid #ac7ee9;
   font-weight: 900;
}
.home .newset2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    dl{
        flex-shrink: 0;
        width: 42%;
        text-align: center;
        margin-bottom: .2rem;
    }
    img{
        width: 100%;
        height: 1.8rem;
    }
}